Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make images with captions prettier #122

Open
wants to merge 1 commit into
base: release
Choose a base branch
from

Conversation

onnimonni
Copy link
Contributor

Changes

I saw you used {.text-center} in some example content directly from the markdown but maintaining these becomes pretty unsustainable easily.

I added sensible pretty styles for images with captions like:

![German green emission sticker](https://www.germanemissionssticker.com/img/sites/16/germanemissionssticker.jpg "Example German green emission sticker for EURO 4 emission standard")

I included example screenshots from my site:

After this PR

Light mode mobile

image

Light mode

Screenshot 2023-10-26 at 15 08 56

Dark mode

Screenshot 2023-10-26 at 15 22 04

Before this PR

Screenshot 2023-10-26 at 15 08 28

Dark mode

  • The UI has been tested both in dark and light mode
  • This PR does not change the UI

@netlify
Copy link

netlify bot commented Oct 26, 2023

👷 Deploy request for hugo-lotusdocs pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit 22f4406

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant